﻿<script>	
	function filterConditionCamera()
	{					
		var resultcamera = document.getElementById('cameraid').value;
		var resultdkloc =  document.getElementById('loc').value;	
		
		if (window.XMLHttpRequest)
		  {
		  xmlhttp=new XMLHttpRequest();
		  }
		else
		  {
		  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		  }
		xmlhttp.onreadystatechange=function()
		  {
		  if (xmlhttp.readyState==4 && xmlhttp.status==200)
			{
			document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
			}
		  }
 
		xmlhttp.open("GET","getcamera.php?q="+resultdkloc+"&camera_id="+resultcamera,true);
		xmlhttp.send();
	}
	
	function newPopup(url) {
					popupWindow = window.open(
						url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
				}
</script>
<div align="right" style="color:#FF0000">
		<a href = "javascript:void(0)" onclick ="document.getElementById('camera').style.display='none';document.getElementById('fade').style.display='none'">Close</a>
</div>
<form>
<table border="0" width="100%" >
	<tr> 
<?php	
	//ket noi toi database
	$conn=mysql_connect("localhost","root","abc123") or die("Không thể kết nối");
	mysql_select_db("detaiptntd",$conn);
	//cau lenh truy van		
	$sql = "select * from monitor";	
	//thuc thi truy van
	$query=mysql_query($sql);
	//kiem tra so phan tu tra ve cua lenh $query
	$numrow = mysql_num_rows($query);
	if( $numrow == 0)
	{
		echo  "
		<p style=\"color:#FF0000\">Chưa có dữ liệu loại camera trong cơ sở dữ liệu </p>";
	}
	else
	{			
		echo "	
			<td style=\"color:#0099CC\">
			Loại camera :				
			<select name = \"camera\" id =\"cameraid\" onchange=\"filterConditionCamera()\"> 
			<option value=\"\">-- Tất cả --</option>";
		while($info = mysql_fetch_array( $query )) 
		{ 							
			echo "<option value=\"".$info[idMonitor]."\">".$info[name]."</option>";								
		}	
		echo " 
			</select>
			</td>";
	}			
?>
		<td style="color:#0099CC">
		Lọc theo :
			<select name = "dkloc" id = "loc" onchange="filterConditionCamera()">
				<option value="">-- Không chọn --</option>
			  	<option value="id">STT</option>
			  	<option value="name">Tên camera</option>
			  	<option value="videosize">Kích cỡ</option>
				<option value="videoFormat">Định dạng</option>
				<option value="startTime">Thời gian bắt đầu</option>
				<option value="length">Độ dài</option>
			</select>
		</td>
		
</tr>
</table>	
</form>
	<div id="txtHint"><p style="color:#FF0000">Chọn loại camera và điều kiện lọc</p></div>
	